@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0;}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
ul li{list-style: none}
@font-face {font-family: "iconfont";
    src: url('/public/fonts/login/iconfont.eot'); /* IE9*/
    src: url('/public/fonts/login/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/public/fonts/login/iconfont.woff') format('woff'), /* chrome, firefox */
    url('/public/fonts/login/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('/public/fonts/login/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
body,html { width:100%;height: 100%; font-family:"微软雅黑";}
.register,.resetting { width:100%;height: 100%; background:url(/public/img/denglu.png) no-repeat; background-size:100% 100%;}
.registerIn {width: 439px;border-radius: 5px;position: absolute;top: 50%;left: 50%;margin:-210.5px 0px 0px -219.5px;}
.registerIn img { margin:0 auto; display:block;}
.resetting .registerIn{margin:-365px 0px 0px -219.5px;}

.username { width:439px; border-radius:5px; background:#fff; margin:12% auto 0;}
.username  .unPerson { display:inline-block; width:30px; height:30px; background:url(/public/img/bn/unPerson.png) no-repeat; background-size:100% 100%; float:left;}
.username .HnavUl li{margin-left: 55px}
.username input{width:100%;border: 0px;line-height: 35px;height:35px\0;font-size: 18px;margin: 26px 0px; border-radius:5px;padding-left: 61px;}
.username input:focus{border: 0px;    outline: none;}
.username ul li{padding: 0px 0px;  position: relative;overflow: hidden;}
.username ul li.borderBottom{border-bottom: 1px solid #595656}
.username ul li span,.signBox ul li span{position: absolute;top: 27px;left: 10px;font-size: 35px;border-right: 1px solid #000;padding-right: 10px;top:20px\0; }
.username ul li span i{    font-size: 30px;}

.password { width:82%; background:#fff; padding:8px 0 8px 12px; margin:10% auto 0;}
.password  .passwordBg { display:inline-block; width:30px; height:30px; background:url(/public/img/bn/password.png) no-repeat; background-size:100% 100%; float:left;}
.password span { float:left; line-height:30px; margin:0 0 0 5px;  font-size:20px; color:#999;}
.password .passwordText { float:left; padding:3px; border:none; height:26px; line-height:30px; width:65%; outline:none; font-size:18px; color:#333;}

.registerBtn {width: 439px;background: #fff;border-radius: 5px;border: none;color: #595656;font-size: 20px;outline: none;margin: 8% auto 0;display: block;font-family: "微软雅黑";height: 65px;line-height: 65px;cursor: pointer;}
.registerBtn:hover { color: #85fb0f;}
.forget {margin-top: 10px;}
.forget a{color: #595656; text-decoration: none; font-size: 16px;}
.forget a:hover{color:#3cbf9b;}
.forget .forget,.forget .forgetPsw{  float: right;}
/*注册*/
.signIn { width:100%;height:100%;background:url(/public/img/zhuce.png) no-repeat; background-size:100% 100%;position: relative;}
.signIn .signBox{width: 440px;margin: 0 auto;position: absolute;top:50%;left:50%;margin-top: -324.5px;margin-left: -220px;}
.signIn .signBox ul li{height: 87px;position: relative;overflow: hidden;}
.signIn .signBox input[type=text],.signIn .signBox input[type=password]{width: 100%;background: transparent;border: 0px;color: #fff;outline: none;margin: 21px 0px;padding-left: 61px;height: 45px;font-size: 16px;line-height: 45px;}
.signIn .signBox .teleP{margin-bottom: 15px;border-radius: 10px;position: relative;}
.signIn .signBox .number{float: right;display: block;width: 65px;height: 38px;background: #fff;border-radius: 10px;bottom: 21px;right: 10px;text-align: center;position: absolute;}
.signIn .signBox .number p{line-height: 38px;color: #8ffb31;font-size: 16px;}
.signIn .signBox .getValidationNum{position: absolute;top: 21px;right: 0px;width: 150px;text-align: center;line-height: 45px;color: #8ffb31;font-size: 16px;height:45px;background: #fff;border-radius: 10px;}
.signIn .signBox .signBtn{width: 100%;height: 65px;background: transparent;border: 0px;line-height: 65px;color: #9dfc3f;font-size: 24px;position: absolute;}
.submitBtn{height: 65px;}
.signIn .signBox .sure{font-size: 20px;color: #fff;}
.signIn img{margin: 0 auto;text-align: center;display: block;margin-bottom: 15px}
.signBox ul li span{top: 21px;color: #fff;border-color: #fff;}
.signBox ul li span i{font-size: 35px;line-height: 45px;}
.signIn .telepBg{background-color: #fff;opacity:0.15;filter: alpha(opacity=15);position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
.signIn input::-webkit-input-placeholder {
    color: #fff;
}
.signIn input:-moz-placeholder {
    color: #fff;
}
.signIn input:-ms-input-placeholder {
    color: #fff;
}​
 input:-webkit-autofill {
     -webkit-box-shadow: 0 0 0px 1000px white inset;
     -webkit-text-fill-color: #333;
 }
/*忘记密码*/
#resetting .getValidationNum{
    position: absolute;
    top: 27px;
    right: 2px;
    width: 150px;
    text-align: center;
    line-height: 38px;
    color: #fff;
    font-size: 16px;
    height: 38px;
    background: #8ffb31;
    border-radius: 10px;
    text-decoration: none;
}
#resetting .resetting{
    height:51px;
    line-height: 51px;
    text-align: center;
    font-size: 22px;
}
.username ul li span.error{
    right:10px;
    left:auto;
    width: 26px;
    border-right: 0px;
    display: none;
}
.updatePsw{
    display: inline-block;
    width: 30px;
    height: 35px;
    background: url("/public/img/updatePswICON.png") no-repeat;
    -webkit-background-size:100%;
    -moz-background-size: 100%;
    background-size: 100%;
}
#resetting .newPswIcon{
    background-position: 0px 4px;
}
#resetting .rePawIcon{
    background-position: -1px -58px;
}
#resetting .telIcon{
    background-position: 0px -134px;
}
#resetting .validationIcon{
    background-position: 0px -195px;
}
#resetting .getValidationNum{
    background-color: #e5e5e5;
}
@media \0screen {
    .updatePsw{
        display: inline-block;
        width: 30px;
        height: 35px;
        background-image: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/img/updatePswICON.png',  sizingMethod="image");
    }
    #resetting .newPswIcon{
        position: relative;
        top:0px;
        left:-5px;
    }
    #resetting .rePawIcon{
        position: relative;
        top:-88px;
        left:-6px;
    }
    #resetting .telIcon{
        position: relative;
        top:-200px;
        left:-5px;
    }
    #resetting .validationIcon{
        position: relative;
        top:-290px;
        left:-5px;
    }
}
/*protocol popup*/
#protocolPopup{
    position: fixed;
    top: 50%;
    left: 0px;
    width: 100%;
    display: none;
    margin-top: -365px;
}
#protocolPopup .protocolPad{
    width: 1239px;
    height: 700px;
    margin: 0 auto;
    background-color: #dcdcdc;
    padding: 15px;
}
#protocolPopup .protocolPopupMain{
    width: 1239px;
    height: 700px;
    background-color: #fff;
    position: relative;
}
#protocolPopup .protocolPopupMain h2{
    font-size: 28px;
    padding: 10px 20px;
}
#protocolPopup .protocolMain{
    width: 1192px;
    overflow: auto;
    background-color: #fff;
    margin: 0 auto;
    height: 620px;
    border: 1px solid #e1e1e1;
}
#protocolPopup .fa-times{
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    cursor: pointer;
}